<div ng-show="footerShow" class="navbar navbar-default navbar-fixed-bottom" role="navigation">
    <div class="container" ng-switch="type">
        
        <div class="navbar-header" ng-switch-when="game">
            <a class="navbar-brand" href="#">Waiting for oponent !</a>
        </div>
        
        
        <div class="navbar-header" ng-switch-when="start">
            <a class="navbar-brand" href="#">
                {{oponent.email}} <span class="label label-default"> {{oponent.points}} </span>
                <span ng-switch="game.moveLocked">
                    <span class="label label-success" style="white-space: inherit;" ng-switch-when="false"> It`s your turn </span>
                    <span class="label label-danger" style="white-space: inherit;" ng-switch-when="true"> Wait for oponent</span>
                </span>
            </a>
        </div>
            
    </div>
</div>